@charset "UTF-8";
body{font-size: 14px; background-color: #fff;}
.flex-1{flex: 1;}
#header{position: relative; z-index: 999; background-color: #fff; padding: 15px 0; border-top: 6px solid #4099d3;}
#header .nava .iconfont{display: none;}
#header .phone{background-color: #f2f6fb; border-radius: 40px; height: 40px; display: flex; align-items: center; padding-right: 15px; font-size: 18px; color: #4c82c2; margin-left: 115px;}
#header .phone .iconfont{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #4c82c2; color: #fff; font-size: 24px; margin-right: 7px;}
#header .phone:hover{background-color: #4c82c2; color: #fff;}
#header .phone:hover .iconfont{background-color: #4099d3; color: #f2f6fb;}
#header .phone, #header .phone .iconfont{transition: all ease .3s;}

#header .nava{ font-size: 16px; font-weight: bold; margin-left: 70px;}
#header .nava:hover, #header .nava.on{color: #4c82c2;}
#header .logo img{display: block; max-height: 88px;}

.banner{position: relative;}
.banner .a{display: block;}
.banner .a img{display: block; width: 100%;}
.banner .dots{position: absolute; z-index: 98; left: 50%; bottom: 35px; border-radius: 15px; background-color: rgba(255,255,255,0.3); height: 5px; display: flex; transform: translateX(-50%);}
.banner .dots span{width: 100px; height: 5px; border-radius: 15px; opacity: 0; display: block; background-color: #fff;}
.banner .dots span.swiper-pagination-bullet-active{opacity: 1;}


/* 企业介绍 */
.main1{background-color: #f7f7f7; background-position: center bottom; background-repeat: no-repeat; background-size: 100%; background-image: url(../images/bg2.jpg);}
.main{padding: 75px 0 88px;}
.bk{display: block;}
.m1-le,.m1-ri{width: 47%;}
.m-tit{color: #3c79c2; line-height: 1; margin-bottom: 40px;}
.m-tit h1{font-size: 36px; margin-bottom: 10px; font-weight: normal;}
.m-tit h2{font-size: 18px; font-weight: normal;}
.m1-t{font-size: 24px; margin-bottom: 14px;}
.m1-con .intro{line-height: 1.8;}


.main3{background-color: #f7f7f7; background-position: 0 bottom; background-repeat: no-repeat; background-size: 60%;}
.main3 .m-w{width: 48%;}




.color-primary{color: #3c79c2;}
.ny-ban{display: block; width: 100%;}
.location2{background-color: #f0f5fa; }
.location2 *{color: #3e79bd;}
.location{padding: 14px 0;}
.location .jt{padding: 0px;}

.detail{padding: 60px 0;}
.detail-tit{font-size: 34px; text-align: center; margin-bottom: 20px;}
.detail-p{color: #999; text-align: center; padding: 30px 0; border-bottom: 1px solid #ededed; margin-bottom: 30px;}
.detail-p .iconfont{margin-right: 6px;}
.detail-p .sp{margin: 0 5px;}
.detail-con{line-height: 1.8; font-size: 16px; margin-bottom: 40px;}

.detail-page .iconfont{color: #3c79c2;}
.detail-page .item{padding: 20px 26px; border: 1px solid #ededed; background-color: #fafbfc; width: 48%;}
.detail-page .p{margin-top: 10px;}

.news-top .box{align-items: stretch;}
.news-top{background-color: #f9f9f9; padding: 50px 0 66px;}
.news-top .time .iconfont{margin-right: 6px;}
.news-top .more .iconfont{margin-left: 6px; font-size: 18px;}
.news-top .tit{font-size: 34px; font-weight: normal; margin-bottom: 30px;}
.news-top .intro{color: #666; line-height: 1.8; margin-bottom: 30px;}
.news-top .le{background-color: #fff; padding: 60px;}
.news-top .m-w{width: 50%;}
.news-top .dots {text-align: center; margin-top: 20px;}
.news-top .dots .swiper-pagination-bullet { width: 9px; height: 4px; border-radius: 2px; margin: 0 2px; }


* { box-sizing: border-box; }

.more-btn { display: block; width: 126px; height: 49px; line-height: 49px; border-radius: 25px; background-color: #3e7bbf; color: #fff; font-size: 0; padding-left: 24px; margin-top: 40px; cursor: pointer; }
.more-btn span { display: inline-block; vertical-align: middle; font-size: 14px; }
.more-btn .iconfont { font-size: 28px; margin-left: 5px; }

.main2 { background-color: #fff; }
.main2 .m-tit { text-align: center; }
.main2 .dots { text-align: center; transform: translateY(30px); }
.main2 .dots .swiper-pagination-bullet { width: 9px; height: 4px; border-radius: 2px; margin: 0 2px; }
.main2 .dots .swiper-pagination-bullet.active{background-color: #3c79c2; opacity: 1;}

.m3-le { position: relative; }
.m3-le .a { position: relative; }
.m3-le .a .name { position: absolute; width: 100%; bottom: 0; left: 0; right: 0; z-index: 5; line-height: 80px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); color: #fff; font-size: 20px; font-weight: bold; padding-left: 24px; box-sizing: border-box; padding-right: 30%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.m3-le .imgW .img { width: 100%; display: block; }
.m3-le .dots { position: absolute; line-height: 80px; right: 20px; bottom: 0; z-index: 6; }
.m3-le .dots .swiper-pagination-bullet { margin-left: 5px; background: rgba(0, 0, 0, 0.5); }
.m3-le .dots .swiper-pagination-bullet-active { background-color: #fff; }

.news-item { background-color: #fff; display: block; padding: 17px 25px 17px 30px; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 35px; }
.news-item:last-child { margin-bottom: 0; }
.news-item .div { flex: 1; overflow: hidden; }
.news-item .div .name { font-size: 20px; color: #333; margin-bottom: 10px; }
.news-item .div .intro { font-size: 14px; color: #999; }
.news-item .time { width: 62px; height: 66px; background-color: #f5f8fc; text-align: center; color: #3c79c2; line-height: 1.2; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.news-item .time b { font-size: 30px; }
.news-item .time p { font-size: 12px; }

.footer-module .footer-fast { height: 300px; color: #fff; background: url("../images/bottom-bg.jpg") center no-repeat; background-size: cover; overflow: hidden; }
.footer-module .footer-fast .m-tit { color: #fff; margin-top: 68px; }
.footer-module .footer-fast .contect-list { display: flex; align-items: flex-start; justify-content: center; }
.footer-module .footer-fast .contect-list .item { flex: 1; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; line-height: 1.2; }
.footer-module .footer-fast .contect-list .item .iconfont { font-size: 28px; color: rgba(255, 255, 255, 0.58); }
.footer-module .footer-fast .contect-list .item .bt { font-size: 14px; color: rgba(255, 255, 255, 0.58); margin: 5px 0; }
.footer-module .footer-fast .contect-list .item .value { font-size: 16px; color: #fff; }



.news-more{background-color: #3e7bbf; border-radius: 40px; width: 126px; height: 46px; color: #fff;}
.news-list .imgW{width: 340px; padding-bottom: 62%; position: relative;}
.news-list .img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.news-list .imgW-box{margin: 0 40px;}
.news-list .news-item .div .name{font-size: 24px; margin-bottom: 20px;}
.news-list .news-item .intro{margin-bottom: 25px; line-height: 1.8;}
.news-more .iconfont{margin-left: 10px; font-size: 20px;}
.news-list .news-item{padding: 40px 0; border-bottom: 1px solid #ededed; margin-bottom: 0;}
.news-list .news-item:last-child{margin-bottom: 0;}
.page{padding: 60px 0;}
.page .arrow{color: #666;}
.page .a,.page .arrow{width: 34px; height: 34px; border: 1px solid #ededed; font-size: 14px; margin: 0 4px; display: flex; align-items:  center; justify-content: center; border-radius: 4px;}
.page .a:hover,.page .a.on{background-color: #3c79c2; color: #fff; border-color: #3c79c2;}
.main3{background-color: #f7f7f7; background-position: 0 bottom; background-repeat: no-repeat; background-size: 60%;}
.main3 .m-w{width: 48%;}
.news-list .news-item:hover .img{transform: scale(1.1);}
.news-list .news-item:hover .news-more{background-color: #4099d3;}
.news-list .news-item:hover .name{color: #3c79c2;}


.imgW{overflow: hidden;}
.img,.news-more,.news-item .name{transition: all ease .3s;}

.tab-about{padding: 10px 0 40px;}
.tab-about .item{font-size: 20px; width: 143px; height: 52px; border-radius: 52px; border: 1px solid #188bca; margin: 0 32px; color: #188bca; cursor: pointer;}
.tab-about .item.on{background-color: #188bca; color: #fff;}
.about-box{display: flex; background-color: #f9f9f9; margin-bottom: 85px;}
.about-box .le{padding: 45px;}
.about-box .tit{font-size: 24px; color: #3d79be; margin-bottom: 20px;}
.about-box .tit .line{display: inline-block; vertical-align: middle; width: 28px; height: 3px; border-radius: 4px; background-color: #188bca; margin-left: 8px;}
.about-box .intro{line-height: 1.8; font-size: 16px;}
.about-box .m-w{width: 50%;}


.rongyu-list{display: flex; align-items: stretch; flex-wrap: wrap;}
.rongyu-list .item{width: 27%; margin: 0 3%;  padding: 2.1% 2.3%; position: relative;}
.rongyu-list  .imgW{padding-bottom: 147%; position: relative;}
.rongyu-list .img{position: absolute; width: 100%; height: 100%;}
.rongyu-list .item .div{position: relative;}
.rongyu-list .item .div::after{content: ''; display: block;width: 100%; left: 0; top: 0; background-position: center; background-repeat: no-repeat; background-image: url(../images/h.png); background-size: 102% 100%; position: absolute;height: 100%; left: 0; top: 0;}
.rongyu-list .name{font-size: 16px; text-align: center; padding: 10px;}
.m1-ri .bk{width: 100%;}

.m2-box{padding-left: 50px; overflow: hidden;}
.main2 .swiper{ overflow: visible;}
.main2 .swiper-slide-shadow-left{left: -42px !important;}
.main2 .swiper-slide-shadow-right{left: -30px !important;}

@media screen and (min-width: 980px){
  
}

@media screen and (max-width: 1580px){
  
}

@media screen and (max-width: 1369px){
  .main{font-size: 16px;}
  .main1 .title{font-size: 20px; margin-bottom: 26px;}
  .m2-ri{padding-right: 16px;}
  .m2-ri .row2{-webkit-line-clamp: 1;}
  .m2-ri .item{height: auto; padding: 14px 0;}
  
  .m2-box{padding-left: 10px;}
  .m2-box
}
@media screen and (max-width: 1280px){
  
}
@media screen and (max-width: 1080px){
  
}

@media screen and (max-width: 980px){
  .main2 .dots{transform: translateY(0);}
  .m2-box .imgW,.m2-box .img{width: 100%;}
.banner{margin-top: 0px;}
.box{max-width: 680px;}
#header{border-top:none; padding: 6px 0; box-shadow: 0px 0px 10px #ddd;}
#header .phone, #header .flex-1,.location{display: none;}
#header .logo{display: none;}
#header{position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999;}
#header .nava .iconfont{display: block; margin: 0 auto; font-size: 20px;}
#header .nav{width: 100%;}
#header .nava{display: block; text-align: center; width: 25%; font-size: 16px; padding-top: 6px; margin: 0; font-weight: normal;}
.detail-tit{font-size: 18px;}
.detail{padding: 30px 0;}
.detail-p{padding: 0 0 16px 0; margin-bottom: 16px;}
.detail-p .sp:nth-child(2){display: none;}
.detail-page{background-color: #f7f7f7; padding: 6px 10px;}
.detail-page{display: block;}
.detail-page .flex-bect{display: none;}
.detail-page .item{background-color: transparent;border: none; padding: 6px 0; width: 100%; display: block;}
.detail-page .item:nth-child(1) .p::before{content: '上一页：';}
.detail-page .item:nth-child(2) .p::before{content: '下一页：';}
.detail-page .p{margin-top: 0;}


.main{padding: 30px 0;}
.m-tit h1{font-size: 24px;}
.m-tit h2{font-size: 16px;}
.m-tit{margin-bottom: 20px;}
.m1-t{font-size: 16px;}

.main1 .flex-bect,.main3 .box>div.flex-bect{display: block;}
.main .m-w,.news-top .m-w{width: 100%;}
.news-top .a{display: block;}
.main1 .m1-le,.main3 .m3-le{margin-bottom: 20px;}
.news-item{margin-bottom: 20px;}
.main3 .m3-le{}
.footer-module .footer-fast{padding-bottom: 80px !important; height: auto;}

.about-box{display: block; margin-bottom: 20px;}
.about-box .le{padding: 20px;}
.about-box .m-w{width: 100%;}
.tab-about{padding: 26px 0 16px;}
.news-top .le{padding: 20px;}
.news-top .tit{font-size: 20px; margin-bottom: 16px;}
.news-top .intro{margin-bottom: 20px;}
.news-more{width: 120px; height: 36px;}
.news-top .dots{margin-top: 10px;}
.news-top{padding: 30px 0;}
.news-list .imgW{width: 230px;}
.news-list .imgW-box{margin: 0; margin-right: 16px;}
.news-list .news-item{position: relative; padding-bottom: 0px; border-bottom: none; align-items: flex-start;}
.news-list .news-item .time{position: absolute; bottom: 0; left: 246px;background-color: transparent; width: auto; display: flex; flex-direction: row-reverse; height: 36px;}
.news-list .news-item .time *{font-size: 14px; font-weight: normal;}
.news-list .news-item .time b::before{content: '/';}
.news-list .news-item .news-more{position: absolute; right: 0; bottom: 0;}
.news-list .news-item .div .name{margin-bottom: 10px; font-size: 20px;}
.news-item .div .intro{margin-bottom: 0;}
}
@media screen and (max-width: 769px){
  
}
@media screen and (max-width: 680px){
  .m-tit h1{font-size: 20px;}
 .footer-module .footer-fast .m-tit{margin: 0; padding: 30px 0 20px;}
 .footer-module .footer-fast .contect-list{display: block;}
 .footer-module .footer-fast .contect-list .item{position: relative; padding-left: 40px; text-align: left; display: block; margin-bottom: 10px;}
 .footer-module .footer-fast .contect-list .item .iconfont{position: absolute; left: 0; top: 0;}
 .tab-about .item{margin: 0 10px; font-size: 16px; width: 120px; height: 40px;}
 .rongyu-list .item{width: 31%; margin: 0 1%;}
 .news-list .news-item .news-more{background-color: #fff; width: auto; color: #188bca; display: none;}
 .news-more .iconfont{margin-left: 4px; font-size: 14px;}
 .news-list .imgW-box{width: 30%;}
 .news-list .imgW{width: 100%;}
 .news-list .news-item .time{display: none;}
 .news-list .news-item .div .name{margin-bottom: 4px;}
 .news-list .news-item{align-items: center;}
 .news-list .news-item{padding: 16px 0 0;}
 .page{padding: 30px 0;}
 .news-top .a .le .color-primary{display: none;}
 .news-top .intro{margin-bottom: 10px; display: none;}
 .news-top .tit{font-size: 18px; margin-bottom: 0px;}
}

@media screen and (max-width: 520px){

}

@media screen and (max-width: 520px){
  
  
}
*{box-sizing: border-box;}